<!--
* Created by Sean on 2017/10/2.
* Binding WeChat
-->
<template>
  <div id="bindWeChat" class="bind-wechat">
    <group>
      <x-input :show-clear="false"title='关联微信昵称：' disabled v-model="nickname"></x-input>
      <x-input :show-clear="false"title='关联微信账号：' placeholder="请输入微信账号" class="vux-1px-b"></x-input>
    </group>
    <div class="btn-wrapper"><x-button type="primary">关联</x-button></div>
  </div>
</template>
<script>
  export default {
    name: 'bindWeChat',
    data () {
      return {
        nickname: localStorage.getItem('nickName') || ''
      }
    }
  }
</script>
<style lang="less">
  .bind-wechat {
    position: relative;
    min-height: 100%;
    box-sizing: border-box;
    .weui-cells {
      margin-top: 0;
      font-size: .75rem;
      color: #333;
    }
    .weui-cells:before {
      border: none;
    }
    .vux-x-input {
      padding: .8rem .75rem;
    }
    .btn-wrapper {
      margin-top: 1rem;
      padding: 0 .75rem;
    }
  }
</style>
